@charset "utf-8";
/* CSS Document */
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-size:100px;}
body{margin:0;padding:0;/*min-height:100%;*/font-family:"MICROSOFT YAHEI"; font-size: 0.16rem; color:#1a1a1a; background:#ededed;}  
h1,h2,h3,h4,h5,h6,p,figure,form{margin:0;}  
table{border-collapse:collapse;border-spacing:0;}  
img{border:0;vertical-align:middle;-ms-interpolation-mode:bicubic;}  
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:rgba(0,0,0,0);}  
a:focus{outline:none;-moz-outline:none;}  
a:visited{outline:none;-moz-outline:none;} 
a:hover{ color:#1aad19;} 
ul,li,ol,dl,dt,dd{margin: 0;padding:0;list-style: none outside none;}
table,tr,th,td,input{margin: 0;padding:0; border-collapse: collapse; border-spacing: 0;}
table{ width:100%;}
ol li{list-style:none;}  
em{font-style:normal;}
ul.inline-style li{float:left;display:inline;}
button,input,select,textarea{font-size:0.875em;margin: 0;outline: 0 none;vertical-align: baseline;*vertical-align: middle;font-family:"MICROSOFT YAHEI";-webkit-tap-highlight-color:rgba(0,0,0,0); border:0.01rem solid #dedede;}  
textarea{overflow: auto;vertical-align: top;resize:none;}  
button,input{line-height: normal;}  
button,  
html input[type="button"],   
input[type="reset"],  
input[type="submit"]{-webkit-appearance: button;cursor: pointer;*overflow: visible;}  
button[disabled],
input[disabled],
input[type="checkbox"],
input[type="radio"]{box-sizing: border-box;padding: 0;*height: 0.13rem;*width: 0.13rem;} 
button::-moz-focus-inner,  
input::-moz-focus-inner{border: 0;padding: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display: block;}  
audio,canvas,video{display: inline-block;*display: inline;*zoom: 1;}  
audio:not([controls]){display: none;height: 0;}  
input[type="search"]{-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box; box-sizing: border-box;}  
input:-moz-placeholder{color: #999;}  
input::-webkit-input-placeholder{color:#999;}
.hide,.none{display:none;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after{ clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden;}

.mt10{margin-top:0.10rem;}
.mb10{margin-bottom:0.10rem;}
.mr10{margin-right:0.10rem;}
.ml10{margin-left:0.10rem;}

.fontcl{ color:#ff6600;}
.pointcl{ color:#ff2121;}
.graycl{ color:#999;}
.black3{color:#333;}
.black{color:#000000;}

.btn{ display:inline-block;opacity:1;cursor:pointer; text-align:center; color:#fff;outline:none;-webkit-appearance:none; border:none; background-color:#1aad19; height:0.45rem; line-height:0.48rem; font-size:0.18rem; padding:0 0.48rem;border-radius:0.05rem;margin:0 auto;}
.btn:hover{opacity:0.9;filter:alpha(opacity=90); text-decoration:none; color:#FFF;}
.block_btn{width:100%; display:block; padding:0;}
.red_btn{background-color:#ff3b30;}
.short_btn{width:80%;}
.half_btn{ width:50%;}
.btn_wrap{ margin:0.15rem 0.12rem 0; overflow:hidden;}
.btn_wrap .two_btn{width:49%; padding:0;}
/*.btn_wrap_block{ margin:0;}*/
.footer_fixed{position:fixed; bottom:0; width:100%; height:0.75rem; z-index:999; background:#FFF; border-top:#CCC 1px solid;}
.footer_fixed .footer_nav{ width:100%; overflow:hidden;}
.footer_fixed .footer_nav li{ float:left; width:25%; text-align:center;}
.footer_fixed .footer_nav li a{ color:#666; display:block; font-size:0.14rem;}
.footer_fixed .footer_nav li:hover a,.footer_fixed .footer_nav li.selected a{ color:#1aad19;}
.footer_fixed .footer_nav li .xm_icon{ width:20px; height:20px; margin-top:0.15rem; margin-bottom:0.05rem;}
.footer_fixed .footer_nav li .footcar_icon{ background-position:0 -65px;}
.footer_fixed .footer_nav li .footorder_icon{ background-position:-25px -65px;}
.footer_fixed .footer_nav li .footpersonal_icon{ background-position:-50px -65px;}
.footer_fixed .footer_nav li .foothelp_icon{ background-position:-75px -65px;}
.footer_fixed .footer_nav li:hover .footcar_icon,.footer_fixed .footer_nav li.selected .footcar_icon{ background-position:-100px -65px;}
.footer_fixed .footer_nav li:hover .footorder_icon,.footer_fixed .footer_nav li.selected .footorder_icon{ background-position:-125px -65px;}
.footer_fixed .footer_nav li:hover .footpersonal_icon,.footer_fixed .footer_nav li.selected .footpersonal_icon{ background-position:-150px -65px;}
.footer_fixed .footer_nav li:hover .foothelp_icon,.footer_fixed .footer_nav li.selected .foothelp_icon{ background-position:-175px -65px;}
.p_footer{height:0.58rem;}
.p_footer .footer_nav li .xm_icon{ margin-top:0.08rem;}

.footer_fixed .footer_dirver li{ float:left; width:33.3%; text-align:center;}
.footer_fixed .footer_dirver li.personal_li{ float:right;}
.footer_fixed .footer_dirver li .driverorder_icon{ background-position:0 -120px;}
.footer_fixed .footer_dirver li .drivercar_icon{ background-position:-25px -120px;}
.footer_fixed .footer_dirver li .driverpersonal_icon{ background-position:-50px -65px;}
.footer_fixed .footer_dirver li:hover .driverorder_icon,.footer_fixed .footer_dirver li.selected .driverorder_icon{ background-position:-50px -120px;}
.footer_fixed .footer_dirver li:hover .drivercar_icon,.footer_fixed .footer_dirver li.selected .drivercar_icon{ background-position:-75px -120px;}
.footer_fixed .footer_dirver li:hover .driverpersonal_icon,.footer_fixed .footer_dirver li.selected .driverpersonal_icon{ background-position:-150px -65px;}
.footer_fixed .footer_driverstatus .status_text{ position:absolute; left:50%; top:0.03rem; color:#FFF; line-height:0.7rem; text-align:center; width:0.7rem; height:0.7rem; margin-left:-0.35rem; display:inline-block; background:#1aad19; border-radius:0.35rem;}
.footer_fixed .footer_driverstatus .status_close{ position:absolute; right:0.05rem; top:0.05rem;}
.footer_fixed .footer_driverstatus .status_close .close_icon{ width:22px; height:22px; background-position:-175px -150px;}
.footer_fixed .footer_driverstatus .status_box{ display:none; position:absolute; bottom:0.76rem; left:0; width:100%; padding:0.15rem 0; background:#FFF; border-top:#ccc 1px solid; overflow:hidden;}
.footer_fixed .footer_driverstatus .status_box .status_cont{ text-align:left; padding:0 0.2rem; overflow:hidden;}
.footer_fixed .footer_driverstatus .status_box .status_top{ margin-bottom:0.15rem; overflow:hidden;}
.footer_fixed .footer_driverstatus .status_box .status_top p.rest_p{ color:#1a1a1a;}
.footer_fixed .footer_driverstatus .status_box .status_top p.rest_p span{ display:inline-block; color:#1aad19; font-size:0.14rem; padding:0 0.05rem; margin-top:0.05rem; border:#666 1px solid;}
.footer_fixed .footer_driverstatus .status_box .status_top p.rest_p select{ display:inline-block; color:#1aad19; font-size:0.14rem; height:0.24rem; padding:0 0.05rem; margin-top:0.05rem; border:#666 1px solid;/*appearance:none; -moz-appearance:none; -webkit-appearance:none*/}
/*.footer_fixed .footer_driverstatus .status_box .status_top p.rest_p select::-ms-expand{ display:none;}*/
.footer_fixed .footer_driverstatus .status_box .status_top p.status_top_p{ color:#666; text-align:center;}
.footer_fixed .footer_driverstatus .status_box .status_top p.status_top_p span{ color:#1aad19;}
.footer_fixed .footer_driverstatus .status_box .status_bottom{ text-align:center;}
.footer_fixed .footer_driverstatus .status_box .status_bottom .status_btn{ position:relative; display:inline-block; width:45%; line-height:0.35rem; text-align:center; color:#fff; margin:0 auto; background:#1aad19; border-radius:0.03rem;}
.footer_fixed .footer_driverstatus .status_box .status_bottom .cancle_btn{ background:#f00;}
.footer_fixed .footer_driverstatus .status_box .status_bottom .status_time{ position:absolute; right:0.2rem; bottom:0.25rem; color:#666; font-size:0.13rem;}

.overflow_clear{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}/*css溢出省略*/
.fl,.left{float:left;}
.fr,.right{float:right;}
.clear{clear:both; font-size:0; height:0; line-height:0;}
.clearboth:after{display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{*zoom:1;}
.div40{height:40px;}
.xm_icon{display:inline-block; background:url(../../xm/img/xm_icon.png) no-repeat; background-size:200px auto;}
.img100{width:100%; height:auto;} 

.filter{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; filter:alpha(opacity=60); z-index:1000;}
.filter_l{ position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:1000;} 
.popup{ z-index:1001; width:2.48rem; position:fixed; top:50%; left:50%; z-index:1002; margin-top:-1.5rem; margin-left:-1.24rem; background:#FFF; border-radius:0.08rem;} 
.popup_con{ text-align:center; padding-top:0.2rem;}
.popup_con p{ padding-bottom:0.2rem;}
.popup_con p.tit{ font-size:0.15rem; font-weight:bold;}
.popup_btn{ display:block; text-align:center; color:#00a1e4; text-transform:uppercase; border-top:1px solid #ccc; font-size:0.18rem; line-height:0.47rem; cursor:pointer;}
.popup_btn:hover{ background-color:#00a1e4; color:#FFF;}

.ui-loader-default{ display:none}
.ui-mobile-viewport{ border:none;}
.ui-page {padding: 0; margin: 0; outline: 0}

@media (max-width:320px) {
    html { font-size:90px;}
}
@media screen and (min-width: 321px) and (max-width: 384px){
    html{font-size:100px;}
}
@media screen and (min-width: 385px) and (max-width: 480px){
    html{font-size:120px;}
}
@media screen and (min-width: 481px) and (max-width: 640px){
    html{font-size:150px;}
}
@media screen and (min-width: 641px) and (max-width: 749px){
    html{font-size:200px;}
}
@media (min-width:750px){
    html { font-size: 225px;}
}

/*@media (max-width:319px){
    html { font-size:65px;}
}
@media screen and (min-width: 320px) and (max-width: 383px){
    html{font-size:90px;}
}
@media screen and (min-width: 384px) and (max-width: 479px){
    html{font-size:100px;}
}
@media screen and (min-width: 480px) and (max-width: 639px){
    html{font-size:150px;}
}
@media screen and (min-width: 640px) and (max-width: 719px){
    html{font-size:200px;}
}
@media screen and (min-width: 720px) and (max-width:967px){
    html{font-size:225px;}
}
*/
/*@media (max-width:239px){
    html { font-size: 75px;}
}
@media screen and (min-width: 240px) and (max-width: 319px){
    html{font-size:75px;}
}
@media screen and (min-width: 320px) and (max-width: 479px){
    html{font-size:100px;}
}
@media screen and (min-width: 480px) and (max-width: 639px){
    html{font-size:100px;}
}
@media screen and (min-width: 640px) and (max-width: 719px){
    html{font-size:100px;}
}
@media screen and (min-width: 720px) and (max-width:967px){
    html{font-size:225px;}
}
@media (min-width:721px) {
    html { font-size: 100px;}
}*/
/*以上为通用样式*/

